<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5基础语法</title>
	</head>
	<body bgcolor="red-1">
		<!-- 叫法：标记 元素
		 w3c规定单词：特殊含义 表示页面效果
		 标记分为前标记后标记
		 元素：前标记+后标记+内容【元素之间可以嵌套】-->
		 <p> 内容 </p>
		 <!-- body主题区域：文本 图片 超链接-->
		 <!-- 一.文本元素群-->
		 <!-- 1.特殊文本【实业/字体符】
		 &copy;代表 版权
		 代表商标-->
		 &copy;版权
		 &reg;商标
		 &lt;小于
		 &gt;大于
		 &nbsp;一个空格
		 <!-- 2.假文【占位符-->
		 Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem tempora voluptas quas necessitatibus rerum dolores, esse quis inventore reprehenderit accusamus, illo laboriosam eveniet porro debitis alias corporis saepe veritatis nesciunt.
		 <!-- 3.文本样式元素：精灵图-->
					<i>文本倾斜</i>
					<b>文本加粗</b>
					<u>文本下划线</u>
					<del>文本删除线html4.0</del>
					<s>文本删除线</s>
					2<sup>2</sup>
					文言文<sub>解释</sub>
					<!-- 4.标题元素：加粗放大 -->
					<h1>标题元素</h1>
					<h2>标题元素</h2>
					<h3>标题元素</h3>
					<h4>标题元素</h4>
					<h5>标题元素</h5>
					<h6>标题元素</h6>
				<!-- 5.分割线元素和换行元素
				 元素分为：封闭型标记【双】非封闭型标记【空 单】：hr br-->
				<hr>	
				换行 <br> 换行
				<!--6.跑马灯元素  -->
				<marquee>六百六十六</marquee>
				<!-- 7.预格式化元素pre元素:放进去是什么，显示什么 -->	
			    <pre>
					
					&lt;p>静夜思&lt;/p>
					  窗前明月光，疑是地上霜
					举头望明月，低头思故乡
				</pre> 
				 <!--要求：文本加粗并倾斜【嵌套】 -->
				 <b><i>Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto suscipit repellat culpa quae corporis ducimus dolores doloremque, laborum fugiat necessitatibus quaerat impedit sapiente perferendis, consequatur, hic placeat commodi cumque dolorum.</i></b>
				 <!-- 8.段落元素-->
				 <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Omnis tempore nihil ipsum sint, aliquam ex inventore, quisquam dolores quae ad eos molestiae! Commodi quae, vero dolore sequi quidem dolorem animi.</p>
				 <!-- 元素当中的属性与属性值
				 属性与属性值的作用:添加效果【样式】
				 语法<p属性="属性值"></p>
				 注意：属性和属性值可以为多个
				 
				 -->
				 <p align="center">段落元素</p>
				 
	</body>
	
</html>